<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
	<!-- 	3.新制作一个注册页面，要求：
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值 -->

	</head>
	<body>
<!-- 3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮 -->
<form action="">
<table >
		
	
	<tr>
		<td>用户名:</td>
		<td><input type="text" name="username" placeholder="请输入您的用户名"></td>
	</tr>
	<tr>
		<td> 密&nbsp;&nbsp;码: </td>
	    <td><input type="password" name="pad" placeholder="请输入6~12位字符"></td>
	</tr>
	<tr>
	    <td>性&nbsp;&nbsp;别：</td>
	    <td>
	    <input type="radio" name="sex" value="male" checked id="male"> <label for="male">男</label> 
	    <input type="radio" name="sex" value="female" id="female"> <label for="female">女</label> 
	    </td>
	</tr>
	<tr>
		<td>学院：</td>
		<td>
			<select name="XY">
				<option value="1">软件工程学院</option>
				<option value="2">财经商贸学院</option>
				<option value="3">医学护理学院</option>
				<option value="4">学前教育学院</option>
				<option value="5">城乡建筑学院</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>爱好：</td>
		<td>
			<div id="">
				<input type="text" name="aihao" id="aihao" value="" />
			</div>
		</td>
	</tr>
	<tr>
		<td>自我介绍：</td>
		<td><textarea name="myself" id="myself" cols="30" rows="10"> </textarea></td>
	</tr>
</table>
</form>	
	</body>
	<script type="text/javascript">
		// 3.4 按照name的方式查找各个元素
		var name1 = document.getElementsByName('username');
		console.log(name1)
		
		var name2 = document.getElementsByName('pad');
		console.log(name2) 
		
		var name3 = document.getElementsByName('sex');
		console.log(name3)
		
		var name4 = document.getElementsByName('XY');
		console.log(name4)
		
		var name5 = document.getElementsByName('aihao');
		console.log(name5)
		
		var name6 = document.getElementsByName('myself');
		console.log(name6)
				
		// 3.5 按照标签的方式查找各个元素
		var name1ob = document.getElementsByTagName('input');
		console.log(name1ob)
		var name2ob = document.getElementsByTagName('option');
		console.log(name2ob)
		var name3ob = document.getElementsByTagName('div');
		console.log(name3ob)
		var name4ob = document.getElementsByTagName('textarea');
		console.log(name4ob)			
		
	</script>
</html>
